<#include "/common/com.html" /> <@layout>
<head>
<link rel="stylesheet" href="${ctx}/static/assets/css/ace.min.css" />
</head>
<script>
	function edit() {
		var id = $("#id").attr("value")
		var url = "${ctx}/wxContent/edit?id=" + id;
		window.location.href = url;
	}
	function dels(obj) {
		var url = '${ctx}/wxContent/delete/';
		$('#myform').form('submit', {
			url : url,
			onSubmit : function() {
			},
			success : function(data) {
				// 回填页面
				alert(data);
			}
		});
	}
</script>
<body>


	<div class="ace-settings-container" id="ace-settings-container"
	style="top: 6%">
	<div class="btn btn-app btn-mini btn-warning ace-settings-btn"
		id="ace-settings-btn">
		<i class="icon-cog bigger-150"></i>功能模板
	</div>
	<div class="ace-settings-box" id="ace-settings-box"
		style="width: 200px">
		<form class="form-horizontal">
		</br>
			<div class="control-group">
				<div style="white-space: nowrap;">
					<div class="dropdown dropdown-colorpicker">
						<div class="btn-group">
							<button data-toggle="dropdown" id="colobtn"
								class=" btn-large dropdown-toggle btn-block"
								style="background-color: #fad165; border-color: #fad165">
								字&nbsp;体&nbsp;颜&nbsp;色&nbsp;选&nbsp;择 <i class="icon-angle-down icon-on-right"></i>
							</button>
							<ul class="dropdown-menu dropdown-success pull-right">
								<li class="colorpick-btn" style="background-color: #ac725e;"><a
									data-color="#ac725e" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #d06b64;"><a
									data-color="#d06b64" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #f83a22;"><a
									data-color="#f83a22" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #fa573c;"><a
									data-color="#fa573c" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #ff7537;"><a
									data-color="#ff7537" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #ffad46;"><a
									data-color="#ffad46" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #42d692;"><a
									data-color="#42d692" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #16a765;"><a
									data-color="#16a765" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #7bd148;"><a
									data-color="#7bd148" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #b3dc6c;"><a
									data-color="#b3dc6c" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #fbe983;"><a
									data-color="#fbe983" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #fad165;"><a
									data-color="#fad165" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #92e1c0;"><a
									data-color="#92e1c0" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #9fe1e7;"><a
									data-color="#9fe1e7" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #9fc6e7;"><a
									data-color="#9fc6e7" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #4986e7;"><a
									data-color="#4986e7" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #9a9cff;"><a
									data-color="#9a9cff" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #b99aff;"><a
									data-color="#b99aff" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #c2c2c2;"><a
									data-color="#c2c2c2" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #cabdbf;"><a
									data-color="#cabdbf" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #cca6ac;"><a
									data-color="#cca6ac" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #FFFFFF;"><a
									data-color="#FFFFFF" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #cd74e6;"><a
									data-color="#cd74e6" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #a47ae2;"><a
									data-color="#a47ae2" class="colorpick-btn" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #555;"><a
									data-color="#555" class="colorpick-btn" href="#">&nbsp; </a></li>
								<li class="colorpick-btn" style="background-color: #000000;"><a
									data-color="#000000" class="colorpick-btn selected" href="#">&nbsp;
								</a></li>
								<li class="colorpick-btn" style="background-color: #f691b2;"><a
									data-color="#f691b2" class="colorpick-btn" href="#">&nbsp;
								</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
	</br>
			<div class="control-group">
				<a class="btn btn-app btn-info btn-small" onclick="chooseImage()">
					<i class="icon-picture bigger-160"></i> 上传图片
				</a>
						<a href="#myModal" role="button" class="btn btn-app btn-success btn-small" data-toggle="modal">
				<i class="icon-edit bigger-160"></i>文字编辑
				</a>
			</div>	
			</br>
			<div class="control-group">
				<a class="btn btn-app btn-pink btn-small" onmousedown="startRecord()">
					<i class="icon-fast-forward bigger-180"></i> 录制声音
				</a> <a class="btn btn-app btn-light btn-small" onclick="stopRecord()">
					<i class="icon-pause bigger-160"></i> 停止录音
				</a>
			</div>	
				</br>
			<div class="control-group">
				<a class="btn btn-primary btn-block"  href="#myModala" role="button"  data-toggle="modal">确定</a>
			</div>
		</form>
	</div>
	</br> </br> </br> </br> </br> </br> </br>
</div>

	<div class="page-content">
		<div class="row-fluid">
			<div class="span12">
				<div style="text-align: center">
					<p class="alert alert-info">
						<#if (argu)??> <#if (argu)=="edit"> 本文处于公开状态 </#if> </#if> </br> <#if
						(argu)??> <#if (argu)=="view"> <a href="#"
							class="btn btn-primary btn-small" onclick="dels();">选择此模板</a>
						<#else > <#if (gkzt)??> <#if (gkzt)=="1"> <a href="#"
							class="btn btn-info btn-small" onclick="gk();"> <i
							class=" icon-lock"></i> 私密
						</a>&nbsp;&nbsp; </#if> <#if (gkzt)=="0"> <a href="#"
							class="btn btn-info btn-small" onclick="gk();"> <i
							class="  icon-unlock"></i> 公开
						</a>&nbsp;&nbsp; </#if> </#if> <a href="#"
							class="btn btn-primary btn-small" onclick="edit();">编辑</a>
						&nbsp;&nbsp; <a href="#" class="btn btn-danger btn-small"
							onclick="dels();">删除</a> </#if> </#if>
					</p>
				</div>
			</div>
		</div>
	</div>
	<#if  (viewmb)=="0">
	<div class="hr dotted" style="background: #2283C5"></div>
	<div class="widget-header header-color-blue"></div>
	</#if>
	<#if  (viewmb)=="1">
	<div class="hr dotted" style="background: #FFB247"></div>
	<div class="widget-header header-color-orange" style="background: #FFB247"></div>
	</#if>
	<#if  (viewmb)=="2">
	<div class="hr dotted" style="background: #D15B47"></div>
	<div class="widget-header  header-color-red3" ></div>
	</#if>
	<#if  (viewmb)=="3">
	<div class="hr dotted" style="background: #555555"></div>
	<div class="widget-header header-color-dark" style="background: #555555"></div>
	</#if>
	
	
	<div class="widget-body">
		<div class="widget-main">
				<div class="text" id="sorttable">
   				<p>1111111111</p>
   				   				<p>222</p>
   				   				<p>333</p>
   				   				<p>4444</p>
   				
			</div>
		</div>
	</div>
	</br>
	<div>
		<a
			href="http://mp.weixin.qq.com/s?__biz=MjM5NDQyOTYxNA==&mid=246067933&idx=1&sn=70875eb3cfa15e8a135bd071f95c6377#rd">
			<img src="/img/mmexport.jpg" />
		</a>
	</div>
	<!-- /.span -->
	</div>


	
</body>
<script>
function onBridgeReady() {
	WeixinJSBridge.call('hideOptionMenu');
}
if (typeof WeixinJSBridge == "undefined") {
	if (document.addEventListener) {
		document.addEventListener('WeixinJSBridgeReady', onBridgeReady,
				false);
	} else if (document.attachEvent) {
		document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
		document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
	}
} else {
	onBridgeReady();
}

jQuery(function($) {
	 $("#sorttable").sortable({
			opacity:0.8,
			revert:true,
			forceHelperSize:true,
			forcePlaceholderSize:true,
			placeholder: ' alert-danger',
			tolerance:'pointer'
	    });
});
</script>

</@layout>
